<template>
  <div class="shopCart">
    <!-- 顶部导航条 -->
    <nav-bar class="nav-home">
      <div class="nav-left" slot="left" @click="goHome">
        <!-- <img src="../../assets/img/detail/return.png" /> -->
        <i class="el-icon-back"></i>
        返回
      </div>
      <div slot="center">购物车</div>
    </nav-bar>
    <shop-head></shop-head>
  </div>
</template>

<script>
import NavBar from "../../components/common/navbar/NavBar.vue";
import ShopHead from "../shopCart/childShopCart/ShopHead";

export default {
  name: "Shopcart",
  components: {
    NavBar,
    ShopHead
  },
  methods: {
    goHome() {
      this.$router.push("/home");
    }
  }
};
</script>

<style scoped>
.shopCart {
  position: relative;
  margin: 0 auto;
  /* background: url(../../assets/img/shopCart/bg.jpg); */
  /* height: 5000px; */
}

.nav-home {
  background-color: rgb(248, 94, 73);
  color: #fff;
}
.nav-home div img {
  width: 25px;
  position: relative;
  top: 6px;
}
.nav-left {
  margin-left: 10px;
}
</style>